<!DOCTYPE html>
<!-- saved from url=(0033)https://time.youdoo.cn/index.html -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>王永丰</title>
<meta name="keywords" content="在线时钟,在线时钟显示,在线钟表,时间大屏,时钟大屏,北京时间,在线时间显示">
<meta name="description" content="在线时钟显示为您提供最新的北京时间,实现在线网页闹钟功能,打开即用。附带整点报时、北京时间、经典铃音、一键快速设置等特色功能。">
<style type="text/css">
body{background:black}
		.clock{position:absolute;opacity:1}
		.fill .clock{left:50%;top:50%}
		.centre{position:absolute;top:50%;left:50%;width:0;height:0}
		.expand{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}
		.anchor{position:absolute;top:0;left:0;width:0;height:0}
		.element{position:absolute;top:0;left:0}
		.round{border-radius:296px}
		.circle-1{background:white;width:12px;height:12px}
		.circle-2{background:#FA9F22;width:8px;height:8px}
		.circle-3{background:black;width:4px;height:4px}
		.second{transform:rotate(180deg)}
		.minute{transform:rotate(54deg)}
		.second-hand{width:2px;height:164px;background:#FA9F22;transform:translate(-50%,-100%) translateY(24px)}
		.hour{transform:rotate(304.5deg)}
		.thin-hand{width:4px;height:50px;background:white;transform:translate(-50%,-100%)}
		.fat-hand{width:10px;height:57px;border-radius:10px;background:white;transform:translate(-50%,-100%) translateY(-18px)}
		.minute-hand{height:112px}
		.hour-text{position:absolute;font:40px Hei,Helvetica,Arial,sans-serif;color:white;transform:translate(-50%,-50%)}
		.hour-10{padding-left:0.4ex}
		.hour-11{padding-left:0.25ex}
		.minute-text{position:absolute;font:12px Avenir Next,Helvetica,Arial,sans-serif;color:white;transform:translate(-50%,-50%)}
		.minute-line{background:white;width:1px;height:9px;transform:translate(-50%,-100%) translateY(-131px);opacity:0.34}
		.tz-text{position:absolute;font:20px Avenir Next,Helvetica,Arial,sans-serif;color:white;}
        .bdsharebuttonbox a {
            background-color: white;
        }
.tzs-text{font:20px Avenir Next,Helvetica,Arial,sans-serif;color:white;}
#rig{
width: 150px;
height: 30px;
background: #0066ff;
position: absolute;
top: 20px;
right: 20px;
}
</style>
<script src="./在线时钟显示_在线钟表_北京时间_时间大屏_时钟大屏——-在线北京时间网_files/hm.js.下载"></script><script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?7a5d9384433cf1ebf2fd38ec72c5ac8f";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="fill">
  <div class="reference"></div>
  <div class="clock" id="utility-clock" style="transform: scale(3.428);">
    <div class="centre">
      <div class="dynamic">
        <div class="anchor" style="transform: rotate(6deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(12deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(18deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(24deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -116.9px; left: 67.5px;">05</div>
        <div class="anchor" style="transform: rotate(36deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(42deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(48deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(54deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -67.5px; left: 116.9px;">10</div>
        <div class="anchor" style="transform: rotate(66deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(72deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(78deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(84deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 0px; left: 135px;">15</div>
        <div class="anchor" style="transform: rotate(96deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(102deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(108deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(114deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 67.5px; left: 116.9px;">20</div>
        <div class="anchor" style="transform: rotate(126deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(132deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(138deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(144deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 116.9px; left: 67.5px;">25</div>
        <div class="anchor" style="transform: rotate(156deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(162deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(168deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(174deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 135px; left: 0px;">30</div>
        <div class="anchor" style="transform: rotate(186deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(192deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(198deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(204deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 116.9px; left: -67.5px;">35</div>
        <div class="anchor" style="transform: rotate(216deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(222deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(228deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(234deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 67.5px; left: -116.9px;">40</div>
        <div class="anchor" style="transform: rotate(246deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(252deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(258deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(264deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 0px; left: -135px;">45</div>
        <div class="anchor" style="transform: rotate(276deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(282deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(288deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(294deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -67.5px; left: -116.9px;">50</div>
        <div class="anchor" style="transform: rotate(306deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(312deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(318deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(324deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -116.9px; left: -67.5px;">55</div>
        <div class="anchor" style="transform: rotate(336deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(342deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(348deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(354deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -135px; left: 0px;">60</div>
        <div class="hour-text hour-1" style="top: -90.9px; left: 52.5px;">1</div>
        <div class="hour-text hour-2" style="top: -52.5px; left: 90.9px;">2</div>
        <div class="hour-text hour-3" style="top: 0px; left: 105px;">3</div>
        <div class="hour-text hour-4" style="top: 52.5px; left: 90.9px;">4</div>
        <div class="hour-text hour-5" style="top: 90.9px; left: 52.5px;">5</div>
        <div class="hour-text hour-6" style="top: 105px; left: 0px;">6</div>
        <div class="hour-text hour-7" style="top: 90.9px; left: -52.5px;">7</div>
        <div class="hour-text hour-8" style="top: 52.5px; left: -90.9px;">8</div>
        <div class="hour-text hour-9" style="top: 0px; left: -105px;">9</div>
        <div class="hour-text hour-10" style="top: -52.5px; left: -90.9px;">10</div>
        <div class="hour-text hour-11" style="top: -90.9px; left: -52.5px;">11</div>
        <div class="hour-text hour-12" style="top: -105px; left: 0px;">12</div>
        <div class="anchor" style="transform: rotate(6deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(12deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(18deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(24deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -116.9px; left: 67.5px;">05</div>
        <div class="anchor" style="transform: rotate(36deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(42deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(48deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(54deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -67.5px; left: 116.9px;">10</div>
        <div class="anchor" style="transform: rotate(66deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(72deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(78deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(84deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 0px; left: 135px;">15</div>
        <div class="anchor" style="transform: rotate(96deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(102deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(108deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(114deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 67.5px; left: 116.9px;">20</div>
        <div class="anchor" style="transform: rotate(126deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(132deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(138deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(144deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 116.9px; left: 67.5px;">25</div>
        <div class="anchor" style="transform: rotate(156deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(162deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(168deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(174deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 135px; left: 0px;">30</div>
        <div class="anchor" style="transform: rotate(186deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(192deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(198deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(204deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 116.9px; left: -67.5px;">35</div>
        <div class="anchor" style="transform: rotate(216deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(222deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(228deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(234deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 67.5px; left: -116.9px;">40</div>
        <div class="anchor" style="transform: rotate(246deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(252deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(258deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(264deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: 0px; left: -135px;">45</div>
        <div class="anchor" style="transform: rotate(276deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(282deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(288deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(294deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -67.5px; left: -116.9px;">50</div>
        <div class="anchor" style="transform: rotate(306deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(312deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(318deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(324deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -116.9px; left: -67.5px;">55</div>
        <div class="anchor" style="transform: rotate(336deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(342deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(348deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="anchor" style="transform: rotate(354deg);">
          <div class="element minute-line"></div>
        </div>
        <div class="minute-text" style="top: -135px; left: 0px;">60</div>
        <div class="hour-text hour-1" style="top: -90.9px; left: 52.5px;">1</div>
        <div class="hour-text hour-2" style="top: -52.5px; left: 90.9px;">2</div>
        <div class="hour-text hour-3" style="top: 0px; left: 105px;">3</div>
        <div class="hour-text hour-4" style="top: 52.5px; left: 90.9px;">4</div>
        <div class="hour-text hour-5" style="top: 90.9px; left: 52.5px;">5</div>
        <div class="hour-text hour-6" style="top: 105px; left: 0px;">6</div>
        <div class="hour-text hour-7" style="top: 90.9px; left: -52.5px;">7</div>
        <div class="hour-text hour-8" style="top: 52.5px; left: -90.9px;">8</div>
        <div class="hour-text hour-9" style="top: 0px; left: -105px;">9</div>
        <div class="hour-text hour-10" style="top: -52.5px; left: -90.9px;">10</div>
        <div class="hour-text hour-11" style="top: -90.9px; left: -52.5px;">11</div>
        <div class="hour-text hour-12" style="top: -105px; left: 0px;">12</div>
      <div class="anchor" style="transform: rotate(6deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(12deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(18deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(24deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: -116.9px; left: 67.5px;">05</div><div class="anchor" style="transform: rotate(36deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(42deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(48deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(54deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: -67.5px; left: 116.9px;">10</div><div class="anchor" style="transform: rotate(66deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(72deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(78deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(84deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: 0px; left: 135px;">15</div><div class="anchor" style="transform: rotate(96deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(102deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(108deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(114deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: 67.5px; left: 116.9px;">20</div><div class="anchor" style="transform: rotate(126deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(132deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(138deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(144deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: 116.9px; left: 67.5px;">25</div><div class="anchor" style="transform: rotate(156deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(162deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(168deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(174deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: 135px; left: 0px;">30</div><div class="anchor" style="transform: rotate(186deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(192deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(198deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(204deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: 116.9px; left: -67.5px;">35</div><div class="anchor" style="transform: rotate(216deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(222deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(228deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(234deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: 67.5px; left: -116.9px;">40</div><div class="anchor" style="transform: rotate(246deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(252deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(258deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(264deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: 0px; left: -135px;">45</div><div class="anchor" style="transform: rotate(276deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(282deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(288deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(294deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: -67.5px; left: -116.9px;">50</div><div class="anchor" style="transform: rotate(306deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(312deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(318deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(324deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: -116.9px; left: -67.5px;">55</div><div class="anchor" style="transform: rotate(336deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(342deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(348deg);"><div class="element minute-line"></div></div><div class="anchor" style="transform: rotate(354deg);"><div class="element minute-line"></div></div><div class="minute-text" style="top: -135px; left: 0px;">60</div><div class="hour-text hour-1" style="top: -90.9px; left: 52.5px;">1</div><div class="hour-text hour-2" style="top: -52.5px; left: 90.9px;">2</div><div class="hour-text hour-3" style="top: 0px; left: 105px;">3</div><div class="hour-text hour-4" style="top: 52.5px; left: 90.9px;">4</div><div class="hour-text hour-5" style="top: 90.9px; left: 52.5px;">5</div><div class="hour-text hour-6" style="top: 105px; left: 0px;">6</div><div class="hour-text hour-7" style="top: 90.9px; left: -52.5px;">7</div><div class="hour-text hour-8" style="top: 52.5px; left: -90.9px;">8</div><div class="hour-text hour-9" style="top: 0px; left: -105px;">9</div><div class="hour-text hour-10" style="top: -52.5px; left: -90.9px;">10</div><div class="hour-text hour-11" style="top: -90.9px; left: -52.5px;">11</div><div class="hour-text hour-12" style="top: -105px; left: 0px;">12</div></div>
      <div class="expand round circle-1"></div>
      <div class="anchor hour" style="transform: rotate(562.495deg);">
        <div class="element thin-hand"></div>
        <div class="element fat-hand"></div>
      </div>
      <div class="anchor minute" style="transform: rotate(6749.94deg);">
        <div class="element thin-hand"></div>
        <div class="element fat-hand minute-hand"></div>
      </div>
      <div class="anchor second" style="transform: rotate(404996deg);">
        <div class="element second-hand"></div>
      </div>
      <div class="expand round circle-2"></div>
      <div class="expand round circle-3"></div>
    </div>
  </div>
</div>
<script type="text/javascript">
    	var clock = document.querySelector('#utility-clock')
		utilityClock(clock)
		if (clock.parentNode.classList.contains('fill')) autoResize(clock, 295 + 32)
		function utilityClock(container) {
		    var dynamic = container.querySelector('.dynamic')
		    var hourElement = container.querySelector('.hour')
		    var minuteElement = container.querySelector('.minute')
		    var secondElement = container.querySelector('.second')
		    var minute = function(n) {
		        return n % 5 == 0 ? minuteText(n) : minuteLine(n)
		    }
		    var minuteText = function(n) {
		        var element = document.createElement('div')
		        element.className = 'minute-text'
		        element.innerHTML = (n < 10 ? '0' : '') + n
		        position(element, n / 60, 135)
		        dynamic.appendChild(element)
		    }
		    var minuteLine = function(n) {
		        var anchor = document.createElement('div')
		        anchor.className = 'anchor'
		        var element = document.createElement('div')
		        element.className = 'element minute-line'
		        rotate(anchor, n)
		        anchor.appendChild(element)
		        dynamic.appendChild(anchor)
		    }
		    var hour = function(n) {
		        var element = document.createElement('div')
		        element.className = 'hour-text hour-' + n
		        element.innerHTML = n
		        position(element, n / 12, 105)
		        dynamic.appendChild(element)
		    }
		    var position = function(element, phase, r) {
		        var theta = phase * 2 * Math.PI
		        element.style.top = (-r * Math.cos(theta)).toFixed(1) + 'px'
		        element.style.left = (r * Math.sin(theta)).toFixed(1) + 'px'
		    }
		    var rotate = function(element, second) {
		        element.style.transform = element.style.webkitTransform = 'rotate(' + (second * 6) + 'deg)'
		    }
		    var animate = function() {
		        var now = new Date()
		        var time = now.getHours() * 3600 +
		                    now.getMinutes() * 60 +
		                    now.getSeconds() * 1 +
		                    now.getMilliseconds() / 1000
		        rotate(secondElement, time)
		        rotate(minuteElement, time / 60)
		        rotate(hourElement, time / 60 / 12)
		        requestAnimationFrame(animate)
		    }
		    for (var i = 1; i <= 60; i ++) minute(i)
		    for (var i = 1; i <= 12; i ++) hour(i)
		    animate()
		}

		function autoResize(element, nativeSize) {
		    var update = function() {
		        var scale = Math.min(window.innerWidth, window.innerHeight) / nativeSize
		        element.style.transform = element.style.webkitTransform = 'scale(' + scale.toFixed(3) + ')'
		    }
		    update()
		    window.addEventListener('resize', update)
		}
    </script> 

<div style="position: static; display: none; width: 0px; height: 0px; border: none; padding: 0px; margin: 0px;"><div id="trans-tooltip"><div id="tip-left-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-left-top.png&quot;);"></div><div id="tip-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-top.png&quot;) repeat-x;"></div><div id="tip-right-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-right-top.png&quot;);"></div><div id="tip-right" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-right.png&quot;) repeat-y;"></div><div id="tip-right-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-right-bottom.png&quot;);"></div><div id="tip-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-bottom.png&quot;) repeat-x;"></div><div id="tip-left-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-left-bottom.png&quot;);"></div><div id="tip-left" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-left.png&quot;);"></div><div id="trans-content"></div></div><div id="tip-arrow-bottom" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-arrow-bottom.png&quot;);"></div><div id="tip-arrow-top" style="background: url(&quot;chrome-extension://edhchknefojhifoiebpcbkhcjlkkklci/imgs/map/tip-arrow-top.png&quot;);"></div></div></body></html>